<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@include file="../../common/header.jsp"%>
<%@ include file="../../common/init.jsp"%>
<script type="text/javascript" src="${ctx}/static/00100/javascripts/gopay/express/expressPayChannel.js"></script>
<script type="text/javascript" src="${ctx}/static/00100/javascripts/gopay/express/expressCommon.js?v=20180224"></script>
<script type="text/javascript" src="${ctx}/static/00100/javascripts/gopay/express/certNoChecker.js"></script>
<script type="text/javascript" src="${ctx}/static/00100/javascripts/app.js"></script>
<div class="container">
    <div class="grid-960">
        <!-- 支付订单详情 -->
        <jsp:include page="../orderDtl.jsp" flush="true"/>
<form id="firstExpressPayForm" name="firstExpressPayForm" method="post" action="${ctx}/00100/express/exfp.shtml?orderKey=<%=request.getParameter("orderKey")%>&orderId=<%=request.getParameter("orderId")%>">
<div class="payment-mode">
    <div class="borderBox-3 posiRelative">
        <table class="table-tml-3">
            <tbody>
            <tr>
                <th>银行卡号：</th>
                <td>${hideBankCardNo}</td>
            </tr>
            <tr>
                <th>付款银行：</th>
                <td>
                    <img src="${ctx}/BankIcon/${exPayBankCode}.jpeg"  class="border-gray" height='40'>
                    <c:if test="${exPayChannel eq '06'}">
                        <span class="btn-1 zoom">信用卡</span>
                    </c:if>
                    <c:if test="${exPayChannel eq '03'}">
                        <span class="btn-3 zoom">储蓄卡</span>
                    </c:if>
                </td>
            </tr>
            <c:if test="${exPayChannel eq '06'}">
                <tr>
                    <th>有效期：</th>
                    <td class="posiRelative">
                        <input type="text"  id="exValidDate" name="exValidDate" maxlength="4" class="input-style-2 term-input" placeholder="如为09/15,请输入0915">
                        <span class="tips-7 zoom" id="exValidDateTip" style="display: none;">信用卡有效期有误。</span>
                    </td>
                </tr>
                <tr>
                    <th>CVN2：</th>
                    <td class="posiRelative">
                        <input type="text"  id="exCvn2" name="exCvn2" maxlength="3" class="input-style-2 cvn">
                        <span class="tips-7 zoom" id="exCvn2Tip" style="display: none;">CVN2有误。</span>
                    </td>
                </tr>
            </c:if>
            <tr>
                <th>持卡人姓名：</th>
                <td class="posiRelative">
                    <input type="text"  id="exHolder" name="exHolder" maxlength="16" class="input-style-2">
                    <span class="tips-7 zoom" id="exHolderTip" style="display: none;">持卡人姓名有误。</span>
                </td>
            </tr>
            <tr>
                <th>身份证号：</th>
                <td class="posiRelative">
                    <input type="text"  id="exIdCardNo" name="exIdCardNo"  class="input-style-2">
                    <span class="tips-7 zoom" id="exIdCardNoTip" style="display: none;">身份证号格式有误。</span>
                </td>
            </tr>
            <tr>
                <th>银行预留手机：</th>
                <td class="posiRelative">
                    <input type="text"  id="exMobileNo" name="exMobileNo"  class="input-style-2">
                    <span class="tips-7 zoom" id="exMobileNoTip" style="display: none;">银行预留手机有误。</span>
                </td>
            </tr>
            <tr>
                <th>短信校验码：</th>
                <td class="posiRelative">
                    <input type="text"  id="exSmsCode" name="exSmsCode"  class="input-style-2 width122 marginRight10">
                    <span class="tips-12 zoom" id="exSmsCodeTip" style="display: none;">短信校验码有误。</span>
                    <button  type="button" class="tips-5 zoom verticalTop" onclick="firstSendSms('sendSmsBtn','firstExpressPayForm')" id="sendSmsBtn">免费获取</button>
                </td>
            </tr>
            </tbody>
        </table>
        <img src="${ctx}/static/00100/images/term_time.jpg" class="term-time"/>
        <img src="${ctx}/static/00100/images/cvn2.jpg" class="cvn2"/>
    </div>
    <table class="table-tml-3" style="margin-bottom: 0;margin-top: 30px;">
        <tbody>
        <tr>
            <th></th>
            <td class="posiRelative">
                <input type="checkbox" id="agreeOpen" name="agreeOpen"/>
                同意<a href="${ctx}/protocol/open-express.htm" target="_blank">《国付宝快捷支付服务协议》</a>并开通快捷支付
                <span class="tips-7 zoom" id="agreeOpenTip" style="display: none;">请勾选国付宝快捷支付服务协议。</span>
            </td>
        </tr>
        <tr>
            <th>
                <input type="hidden" id="bankCardNo" name="bankCardNo" value="${bankCardNo}"/>
                <input type="hidden" id="exPayBankCode" name="exPayBankCode" value="${exPayBankCode}"/>
                <input type="hidden" id="exPayChannel" name="exPayChannel" value="${exPayChannel}"/>
                <input type="hidden" id="orderId" name="orderId" value="${orderId}"/>
                <input type="hidden" name="orderKey" id="orderKey" value="<%=request.getParameter("orderKey")%>"/>
            </th>
            <td style="padding-bottom:0;"><button class="btn-2" id="firstPayBtn" type="button" onclick="firstPayCheck('firstPayBtn','firstExpressPayForm');">确认付款</button></td>
        </tr>
        </tbody>
    </table>
</div>
</form>
        </div>
    </div>
<%@include file="../../common/footer.jsp"%>